/*
    需要的两个包: react和react-dom   React, ReactDOM 
    babel 用来编译jsx. 把jsx编译成React.createElement 

    jsx的插值表达式: 

    1.插值表达式的位置: 
    1.1 标签的子节点 渲染
    1.2 属性的值  控制属性
    2. 插值表达式里面可以写什么 
    可以写任何的js表达式

    普通对象,函数,布尔值都不能渲染. 数组可以渲染,并且会把数组中的子元素当做子节点渲染

    <div onMouseEnter={function(e){}}></div>


    条件渲染: flag
    <div>
       { flag?<div>one</div>: <div>two</div>}
    </div>

    列表渲染: 
    const arr = [1,2,3,4,4,3]

    const ul = <ul>
        {arr.map((item,index)=>{
            return <li key={index}>{item}</li>
        })}
    </ul>

    脚手架: create-react-app 

    使用: npm i create-react-app -g 
        create-react-app 项目名
















*/
